<template>

<div class="page-myInvite">
    <Header title="我的邀请用户"></Header>
    <div class="div1">邀请用户注册赚积分，用户购买任何产品，您将获得一定比例返点和佣金。</div>
    <div class="div2">
        <p class="empty-box-text">还没有邀请用户注册</p>
        <div class="load-more">
            <router-link to="/invite"><div class="btn"><i class="mu-icon material-icons">directions_run</i>马上去邀请</div></router-link>
        </div>
    </div>
</div>
</template>

<script>
import Header from '../../components/Header'

export default {
    components : { Header }
}
</script>

<style lang="scss">
.page-myInvite {
    .div1 {
        padding: 20px 10px 0;
        text-indent: 2rem;
        font-size: 14px;
        color: red;
    }
    .div2 {
        .empty-box-text {
            padding: 60px;
            text-align: center;
            color: #999;
            font-size: 16px;
        }
        .load-more {
            padding: 20px 40px;
        }
        .btn {
            width: 100%;
            height: 44px;
            line-height: 44px;
            font-size: 16px;
            min-width: 88px;
            border-radius: 2px;
            background-color: rgb(67, 160, 71);
            color: #fff;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
            .mu-icon {
                font-size: 28px;
            }
        }
        
    }
}
</style>